/*列表布局*/
.gallery{
  display: flex;
  flex-wrap: wrap;
   &::after {//处理最后一行
      content: '';
      flex-grow: 999999999;
    }
}
.gallery{margin:-1px}
.gallery li{height:350px;margin:1px;position: relative;overflow:hidden;flex-grow: 1;}
.gallery li img{height:350px; max-width: 100%;min-width: 100%;object-fit: cover;vertical-align: bottom;transition:transform 1s ease 0s;transform: scale(1);}
.gallery li .media{position:relative;overflow:hidden;display:block;z-index:1;}
.gallery li .media .postmetadata{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);position:absolute;right:0;left:0;bottom:0px;vertical-align:middle;-webkit-transition:.3s;transition:.3s;z-index:1}
.gallery li .media .postmetadata strong{padding:10px 20px 30px 20px;line-height:30px;overflow:hidden;display:block;font-size:20px}
.gallery li:hover img{transform:scale(1.05);-webkit-transition:.3s;transition:.3s;}

/*结束*/

@media screen and (max-width:768px) {
.gallery li{height:210px;}
.gallery li img{height:210px;}
}